<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>日历任务组件</title>
		<script src="js/jquery-1.10.2.min.js"></script>
	<!-- 	<link rel="stylesheet" type="text/css" href="css/kgodate.css"/> -->
	  <link rel="stylesheet" type="text/css" href="css/themeLaydate.css"/>

		<script src="js/KGODateTask.js"></script>
	</head>
	<body>	
	
		<script>
		 var taskjson =
			 [{
				 date:'2018-12-03',
				 tasks:[
								 {type:'undone',sum:3,name:'你丑你先睡，我帅无所谓'},{type:'done',sum:3},{type:'overdue',sum:3}
							 ]
				},
				{
					date:'2018-12-07',
					tasks:[
									{type:'undone',sum:3},{type:'done',sum:3}
								]
				},
				{
					date:'2018-12-11',
					tasks:[
									{type:'undone',sum:3},{type:'overdue',sum:3}
								]
				},
				{
					date:'2018-12-19',
					tasks:[
									{type:'done',sum:3},{type:'overdue',sum:3}
								]
				}];
			 
		
		</script>
		<div class="content-date" style="height:700px;width:60%;margin: 0 auto;"></div>

		<script>
	   // KGODate.init($('.content-date'),2018,11);
			KGODate.init($('.content-date'));

		  KGODate.addTask(taskjson);
			KGODate.onClickDo(function(date){
				console.log(JSON.stringify(date));
				alert(JSON.stringify(date));
			});

		</script>
	</body>
</html>
